无码av在线一区二区三区_中文字字幕在线无线码_国产高清在线精品一区app_国产成人综合色在线观看网站

 
技術(shù)博客INFO
聯(lián)系我們CONTACT

公司地址：茂名市人民南路新村大院22號(hào)101

電話：13592986386

vue element ui 學(xué)習(xí)日志您當(dāng)前的位置：首頁(yè) > vue element ui 學(xué)習(xí)日志

vue element ui 學(xué)習(xí)日志

發(fā)布時(shí)間：2024/9/5 15:30:55

一、什么是mounted方法？

1、生命周期鉤子函數(shù)：Vue的生命周期鉤子函數(shù)是在不同階段執(zhí)行的一系列回調(diào)函數(shù)。mounted方法是其中之一，它在Vue實(shí)例被掛載到真實(shí)的DOM元素后被調(diào)用。


2、掛載到DOM元素：當(dāng)Vue實(shí)例被創(chuàng)建后，通過(guò)el屬性指定的DOM元素會(huì)被Vue所管理。mounted方法表示Vue實(shí)例已經(jīng)成功地與DOM元素進(jìn)行了綁定。

二、mounted方法的執(zhí)行時(shí)機(jī)

1、DOM元素渲染完成后：在Vue實(shí)例的生命周期中，mounted方法在beforeMount方法之后被調(diào)用。這意味著在mounted方法中可以安全地訪問(wèn)和操作DOM元素，因?yàn)榇藭r(shí)DOM已經(jīng)完全渲染。

2、僅觸發(fā)一次：mounted方法只會(huì)在Vue實(shí)例的初始化過(guò)程中觸發(fā)一次。一旦被調(diào)用，便表示Vue實(shí)例已經(jīng)被完全加載并掛載到DOM元素上。


‌在PyCharm中復(fù)制過(guò)來(lái)的Vue.js插件是可以使用的，包括進(jìn)行調(diào)試。‌
 


<template>


<el-row :gutter="20">
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
</el-row>
 

</template>


:gutter="20" 間隔
:span="6" 一行分為24份  該代碼占6份